<template>
  <div id="app">
    <router-view />
  </div>
</template>

<style>
body {
  font-size: 16px;
  background-color: #f8f8f8;
  -webkit-font-smoothing: antialiased;
}

/* 
  使用阿里巴巴icon，官网www.iconfont.cn
  使用方式（首先在main.js引用的阿里巴巴矢量图标库）（在../../assets/font文件夹demo_index.html查看icon名）：
  1、方式一(如)：<span class="iconfont">&#xe6b7;</span>，Unicode 引用方式，“`&#xe6b7;`"为字体编码
  2、方式二(如)：<span class="iconfont icon-taocan"></span>，font-class 引用方式，“icon-taocan"为icon类名
*/

/* 
  结合vant3使用方式，[使用说明](https://vant-contrib.gitee.io/vant/v3/#/zh-CN/icon ) 
  使用方式，如<van-icon class-prefix="icon" name="qiandao" />
    class-prefix="icon"，class-prefix 指定类名为 “icon”
    name=“taocan”，name 图标名，参数为Font class引用方式 icon类名 icon- 后文字，如文件名是“icon-taocan"，输入taocan
*/
@font-face {
  font-family: 'icon';
  src: url('./assets/font/iconfont.ttf') format('truetype'),
    url('./assets/font/iconfont.woff') format('truetype'),
    url('./assets/font/iconfont.woff2') format('truetype');
}

.icon {
  font-family: 'icon';
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* ./ 使用阿里巴巴icon(变种) end here */

/* 通用css */
.mb_margin_sm {
  margin-top: var(--van-padding-sm);
  padding: 0 var(--van-padding-sm);
}

.mb_hairline {
  position: relative;
  width: 100%;
}

.mb_hairline:after {
  position: absolute;
  box-sizing: border-box;
  content: " ";
  pointer-events: none;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border-top: 1px solid #f2f3f5;
}

/* ./ 通用css end here */
</style>
